<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='工艺路线查看')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/technology/processRoute.css}" rel="stylesheet" />
<body class="">
	<div class="main-content blank_bg">
		<div>
			<div>
				<div class="row" style="">
					<div class="">
						<div class="div_bg">
							<div style="margin-bottom: 5px;">
								<div style="float: left;">
									<button type="button" class="btn btn-default " id="synchronization">同步ERP数据</button>
								</div>
								<div style="float:right;">
									<button id="query" class="btn btn-default " type="button" style="margin-left: 5px;">查询</button>
									<button type="button" class="btn btn-default " id="resetting"  style="margin-left: 5px;">重置</button>
								</div>
								<div style="float:right;">
									<span class="spanCss">工艺路线名称：</span> 
									<input type="text" id="fRoutingName" name="fRoutingName" class="form-control clean_C" style="width: 150px; margin-right: 10px;" /> 
									<span class="spanCss">产品代码：</span> 
									<input type="text" id="fNumber" name="fNumber" class="form-control clean_C" style="width: 150px; margin-right: 10px;" /> 
									<span class="spanCss">规格型号：</span> 
									<input type="text" id="fModel" name="fModel" class="form-control clean_C" style="width: 150px; margin-right: 10px;" /> 
								</div>
								<div style="clear:both"></div>
							</div>
							
							<!-- 工艺线路表 start -->
							<div style="margin-top: 5px;">
								<table id="processRouteTable" class="table dataTable table-hover">
								</table>
							</div>
							<!--工艺路线表 end -->
						</div>
						
						<!-- 工序信息表 start -->
						<div class="div_bg" style="width: 100%;margin-top: 15px;">
							<span style="margin-bottom: 10px;" class="titleX">工序信息</span>
							<div id="newProcess">
								<table id="processInfoTable" class="table dataTable table-hover" style="word-break:break-all; word-wrap:break-all;">
								</table>
							</div>
						</div>
						<!-- 工序信息表 end -->
						
						<!-- 同步工艺路线模态框 start -->
						<div class="modal fade " id="getmoreProductionModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
							<div class="modal-dialog" style="width: 800px; height: 220px;">
								<div class="modal-content" style="width: auto;">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										<h4 class="modal-title" id="titleModal">同步工艺路线</h4>
									</div>
									<div class="modal-body" style="height: auto; padding: 10px;">
										<form id="addProuctionForm" class="form-group">
											<div style="display: inline-block;overflow: hidden;margin-right: 15px;width:100%" id="">
												<table border="0" cellspacing="0" cellpadding="0" class="table-condensed normal-table table-content" id="" style="width:100%;">
													<tr>
														<td class="title" style="width:100px;"><span class="sub">产品代码：</span></td>
														<td colspan="2">
															<input type="text" id="dispatchingfBillNo" name="fBillNo" class="clean_c form-control"  autocomplete="off"  placeholder="请输入要同步的产品代码,多个产品代码之间用 ; 分割开。若需全部同步则无需输入">
														</td>
													</tr>
												</table>
												<div style="width: 100%;">
													<div style="text-align: center;margin-top: 10px;">
														<button type="button" class="btn btn-default" id="add_confirm" style="margin-right: 20px;">确定</button>
														<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
													</div>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- 同步工艺路线模态框 end -->
						
						<!-- 调用showModal里的queryModal，查询行 -->
						<div th:include="Production/showModal :: queryModal" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<div th:include="base :: bottom" />
	<div th:include="base :: bootstrapTable" />
	<div th:include="base :: bootstrapTable-eidt" />
	<div th:include="base :: others" />
	<div th:include="base :: ztree" />
	<script th:src="@{js/technology/processRoute.js}"></script>
	<script th:src="@{js/Production/showModal.js}"></script>
</body>
</html>
